<!doctype html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>资讯子页面</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/child.css">
	<link rel="stylesheet" href="css/upWindow.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="bootstrap/js/jquery1.11.3.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/register.js"></script>
    <script type="text/javascript" src="js/topPublic.js"></script>
    <style>
    	.child-table{
    		margin-top: 20px;
    	}
        .accordion-group {
            border: 1px solid #f7f7f7;
        }
    </style>
</head>
<body>
<a href="#top" hidden></a>
<script type="text/javascript" src="js/header.js" ></script>
<div style="background-color: #f7f7f7;">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <img  src="img/2016-06-07_132530.png"  style="width: 100%;margin-bottom: 30px;min-width:1178px;"/>
            </div>
        </div>

        <div class="row-fluid">
            <div class="head-main">
                <div class="row-fluid">
                    <div class="fl" style="width: 285px;">
                        <div class="accordion" id="accordion-190303">
                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <div class="accordion-toggle child-1" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" href="#accordion-element-71038">赴美生子 <span style="font-size: 14px;">/ Pre Service</span></div>
                                </div>
                                <div id="accordion-element-71038" class="accordion-body in collapse">
                                    <div class="accordion-inner child-package" mid='1'><a href="child.html">套餐<span class="child-package-r">></a></span>
                                    </div>
                                    <div class="accordion-inner child-package" mid='2'>流程<span class="child-package-r">></span>
                                    </div>
                                    <div class="accordion-inner child-package" mid='3'>资讯<span class="child-package-r">></span>
                                    </div>
                                </div>
                            </div>

                            <script>
                                $(function () {
                                   $("#mid1").siblings(".mids").css("display","none");
                                    $("#midDet").css("display","none");
                                    $(".details").click(function(){
                                    	$("#mid3").css("display","none");
                                    	$("#midDet").css("display","block");
                                    })
                                    $('.child-package').click(function () {
                                        $('.child-package').removeClass('child-flow');
                                        $(this).addClass('child-flow');
                                        var mid = $(this).attr("mid");
                                        if(mid == 1){
                                       		$("#mid1").css("display","block");
                                            $("#mid1").siblings(".mids").css("display","none");
                                            $("#midDet").css("display","none");
                                        }else if(mid == 2){
                                       		$(".mids").css("display","block");
                                            $("#mid2").siblings(".mids").css("display","none");
                                            $("#midDet").css("display","none");
                                        }else if(mid == 3){
                                       		$(".mids").css("display","block");
                                            $("#mid3").siblings(".mids").css("display","none");
                                            $("#midDet").css("display","none");
                                        }
                                    })
                                });
                            </script>

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <div class="accordion-toggle collapsed child-2" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" href="#accordion-element-717182">在线咨询</div>
                                </div>
                            </div>

                            <div class="accordion-group">
                                <div class="accordion-heading">
                                    <div class="accordion-toggle collapsed child-3" style=" padding-bottom: 20px;padding-top: 20px;margin-bottom: 10px;" data-toggle="collapse" data-parent="#accordion-190303" href="#accordion-element-717182"><span class="glyphicon glyphicon-th-list"  style="color: #ffffff;"></span>套餐参考</div>
                                </div>
                               
                            </div>
                        </div>

                        <div>
                            <div class="child-contact">联系我们 <span style="font-size: 14px;color: #ccc;">/Contact Us</span></div>
                            <p class="top-line" ></p>
                            <div><img src="img/2016-06-07_140314.png" style="width:285px;height:120px;margin-bottom:20px;"></div>
                            <div class="child-name">南京圣嘉尔</div>
                            <div class="child-add">地址：南京市秦淮区汉中路</div>
                            <div class="child-add">89号金鹰国际商城24层C3</div>
                            <div class="child-add">电话：400-163-0766</div>
                            <div class="child-add">手机：18625170088</div>
                            <div class="child-add">QQ：2199207469</div>
                        </div>
                    </div>

                    <div class="fl mids" style="width:860px;margin-left:20px;background-color:#ffffff;" id="mid1">
                        
                    <style>
                        .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
                            color: #EB6100;
                            background-color: #fff;
                            border: 1px solid #fff;
                            border-bottom: 5px solid #EB6100;
                        }
                        .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
                             border-color: #ffffff;
                        }
                        .nav>li>a:hover, .nav>li>a:focus {
                            text-decoration: none;
                             background-color: #ffffff;
                        }
                    </style>
                        <!--<div class="tabbable fl bo" id="tabs-396305">
                            <ul class="nav nav-tabs" style="margin-right:20px">
                                <li class="active">
                                    <a href="#panel-569755" data-toggle="tab" class="child-zone"style="margin-right:80px; " onclick="childmit('华人专区')">华人专区</a>
                                <li>
                                    <a href="#panel-664118" data-toggle="tab" class="child-zone" style="margin-right:80px;" onclick="childmit('白人专区')">白人专区</a>
                                </li>
                                 <li>
                                    <a href="#panel-57427" data-toggle="tab" class="child-zone"style="margin-right:80px;" onclick="childmit('多人专区')">多人专区</a>
                                </li>
                                <li>
                                    <a href="#panel-57428" data-toggle="tab" class="child-zone"style="margin-right:80px;" onclick="childmit('VIP专区')">VIP专区</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tabbox"></div>-->
                            
              

                    </div>
                    
                    <div class="fl mids" style="width:860px;margin-left:20px;background-color:#ffffff;" id="mid2">
                        <div class="flow-title">流程&优势</div><span class="fl" style="border: 3px solid #eb6100;width:120px;"></span><span class="fr" style="border-bottom:2px solid #EBEBEB;width:734px;height:2px;"></span><div class="clear"></div>

                        <div>
                        	<div class="flow-flow">服务流程</div>
                        	<div><img src="img/2016-06-08_135353.png" alt="" style="widht:100%;"></div>
                        </div>
             
                      	<div>
                      		<div class="flow-flow">优势</div>
                      		<div>
                      			<div class="flow-play b1 fl">
                      				<!--<div class="flow-playing">
                      					<div class="flow-video"><img src="img/2016-06-08_140236.png" alt=""></div>
                      					<div class="flow-video-title">赴美生子的优势</div>
                      				</div>-->
                      			</div>
                      			<div class="flow-read b2 fl">
                      				<div class="flow-read-title"><img src="img/2016-06-08_141327.png">精选导读</div>
                      				<div class="mbjyjjDivlist2">
			                        	<input type="hidden" name="sid" id="sid"/>
			                        </div>
                      			</div>
                      			<div class="clear"></div>
                      		</div>
                      	</div>
                    </div>
                    
                    <div class="fl mids" style="width:860px;margin-left:20px;background-color:#ffffff;" id="mid3">
                        <div class="flow-title">资讯</div><span class="fl" style="border: 3px solid #eb6100;width:120px;"></span><span class="fr" style="border-bottom:2px solid #EBEBEB;width:734px;height:2px;"></span><div class="clear"></div>
                        <!--<div class="mbjyjjDivlist">
                        	<input type="hidden" name="sid" id="sid"/>
                        </div>-->
                    </div>
                	
                	<div class="fl" style="width:860px;margin-left:20px;background-color:#ffffff;" id="midDet">
                        <div class="flow-title">资讯</div><span class="fl" style="border: 3px solid #eb6100;width:120px;"></span><span class="fr" style="border-bottom:2px solid #EBEBEB;width:734px;height:2px;"></span><div class="clear"></div>
                        <div class="mbjyjjDivmidDet"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="child" id="navid" />
<script type="text/javascript" src="js/footer.js" ></script>
<script src="js/banner.js"></script>
<script type="text/javascript">
	function flowmit(){
		$.ajax({
			url:"/baby/process/getProcess",
			type:'post',
			cache:true,
			dataType:'json',
			success:function(data){
				console.log(data);
				$(".flow-play").text('');
				if(data.code == 2000){
					var data = data.data;
					var intro = '';
					var fplaying = '';
					var img = '';
					for(var i=0; i<1; i++){
						intro = data[i].introduce;
						img = data[i].img.realPicUrl;
					}
					fplaying = '<div class="flow-playing">'+
                      				'<div class="flow-video"><a href="ysvideoDetail.html"><img src="'+img+'" alt=""></a></div>'+
                      				'<div class="flow-video-title">'+intro+'</div>'+
                      			'</div>';
                    $(".flow-play").append(fplaying);
				}
			},error:function(data) {
				console.log("服务请求的人太多"+data.message);
			}
		});
		infomit(2);
	}
	function infomit(tubes){
		$.ajax({
			url:"/baby/infos/queryAllInformation",
			data:{
				type:tubes
			},
			type:'post',
			cache:true,
			dataType:'json',
			success:function(data){
				console.log(data);
				if(data.code == 200){
					var datalist = data.data.dataList;
					var title ='';
					var time = '';
					var str ='';
					var sid ='';
					if(tubes ==2){
						for(var i = 0;i < datalist.length;i++){
							title = datalist[i].title;
							time = datalist[i].createTiem;
							sid = datalist[i].sid;
							str += 	'<div class="div" onclick="infodetmit(\''+sid+'\')">'+
										'<img src="img/2016-06-08_142004.png">'+title+''+
									'</div>';
							$(".mbjyjjDivlist2").html(str);
						}
					}else if(tubes ==3){
						for(var i = 0;i < datalist.length;i++){
							title = datalist[i].title;
							time = datalist[i].createTiem;
							sid = datalist[i].sid;
							str += 	'<div class="ask-list" onclick="infodetmit(\''+sid+'\')">'+
										'<img src="img/2016-06-08_142846.png" alt="">'+
										'<span class="ask-title">'+
											'<a>'+title+'</a>'+
										'</span>'+
										'<span class="fr ask-time">'+time+'</span>'+
									'</div>';
							$(".mbjyjjDivlist").html(str);
						}
					}
					
				}
			},error:function(data) {
				console.log(data.message);
			}
		});
	}
	function infodetmit(id){
		$.ajax({
			url:"/baby/infos/getInformation",
			data:{
				sid:id
			},
			type:'post',
			cache:false,
			dataType:'json',
			success:function(data){
				console.log(data);
				if(data.code == 200){
                	$("#mid3").css("display","none");
                	$("#midDet").css("display","block");
                	var data = data.data;
                	var title = data.title;
                	var details = data.details;
                	var time = data.createTiem;
                	var str = 	'<div class="child-details" style="font-size:18px;font-weight:bold;">'+title+'</div>'+
                        		'<div class="child-details"><span class="ask-time askt">时间:'+time+'</span></div>'+
                        		'<div>'+details+'</div>';
                    $(".mbjyjjDivmidDet").html(str);
				}
				
			},error:function(data) {
				console.log(data.message);
			}
		});
	}
</script>
</body>
</html>